<!DOCTYPE html>
<html {{HTML_ATTRS}}>
<head {{HEAD_ATTRS}}>
  <script src="https://wmskr-erps.oss-cn-hangzhou.aliyuncs.com/doc/jquery.min.js"></script>
  <!-- <script src="https://wmskr-erps.oss-cn-hangzhou.aliyuncs.com/doc/translate.min.js"></script> -->
  {{HEAD}}
</head>
<body {{BODY_ATTRS}}>
  {{APP}}
  <!--把button放在右下角，这个是可以随意修改的，你可以改成一个链接一个图片之类的-->
  <div id="google_translate_element" style="position:absolute;top:85px;left:430px;z-index:2000;opacity:0.7"></div>
  <script>
    function fireEvent(element,event){
	if (document.createEventObject){
		// dispatch for IE
		//console.log("in IE FireEvent");
		var evt = document.createEventObject();
		return element.fireEvent('on'+event,evt)
	}
	else{
		// dispatch for firefox + others
		//console.log("In HTML5 dispatchEvent");
		var evt = document.createEvent("HTMLEvents");
		evt.initEvent(event, true, true ); // event type,bubbling,cancelable
		return !element.dispatchEvent(evt);
	}
}
  function googleTranslateElementInit() {
   
    new google.translate.TranslateElement(
      {
              //这个是当前页面的原语言，便于插件精确翻译，好像不起作用
              pageLanguage: 'ko',
              //选择语言的样式，这个是面板，还有下拉框的样式，具体的记不到了，找不到api~~
        // layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
              //自动显示翻译横幅，就是翻译后顶部出现的那个，有点丑，这个属性没有用的话，请看文章底部的其他方法
        autoDisplay: false, 
        //还有些其他参数，由于原插件不再维护，找不到详细api了，将就了，实在不行直接上dom操作
      }, 
      'google_translate_element'//触发按钮的id
    );
    $('document').ready(function () {
      $('.hap_lang').show()
        $('.hap_lang > a').click(function(e) {
            var lang = $(this).data('lang');
            var jObj = $('.goog-te-combo');
            console.log("🚀 ~  jObj: ", jObj)
            var db = jObj.get(0);
            console.log("🚀 ~  db: ", db)
            jObj.val(lang);
            fireEvent(db, 'change');
        });
    });
              
    // $("#span_chose_language").remove();
    //         $("#google_translate_element").children("div").removeClass("goog-te-gadget").removeClass("skiptranslate");
    //         $("#google_translate_element").find("div").attr("style","padding:0px");
    //         $(".skiptranslate").attr("style","visibility:visible;display:none;");
    //         //$("body").attr("style","top:0;margin:0;");
    //         $("body").css({top:0,margin:0,'min-height': ''});
   
  }
  window.onload = function () {

  googleTranslateElementInit();

  }
  </script>
  <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  </body>
</html>


